<template>
  <div>
    <!-- 1,先准备变量 -->
    <h1>{{ msg }}</h1>
    <!-- 2,设置点击事件 -->
    <button @click="btnFn">逆转事件</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: "Hello,World",
    };
  },
  methods: {
    btnFn(){
      //3,截取字符串,返回数组
      let  arr = this.msg.split("");
      console.log(arr);
      //4,翻转数组
      arr.reverse()
      //5,数组拼接起来
      this.msg = arr.join("")
    },
  },
};
</script>

<style>
</style>